<template>
<div>
	<header>
		<p>全球购</p>
		<img src="../img/1.jpg"/>
	</header>
		<div class="clearFix"></div>
	<!---->
		<nav>
			<div >
				<img src="../img/img1.jpg"/>
			</div>
			<div >
				<img src="../img/img2.jpg"/>
			</div>
			<div >
				<img src="../img/img3.jpg"/>
			</div>
			<div >
				<img src="../img/img4.jpg"/>
			</div>
		
		</nav>
	<!---->
		<div class="main">
			<div class="main-img">
				<img src="../img/pic1.jpg"/>
			</div>
			<div class="main-1">
				<figure>
					<img src="../img/img5.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img6.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img7.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img8.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img8.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img8.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
			</div>
			<div class="blank">
				
			</div>
			<div class="main-img">
				<img src="../img/pic2.jpg"/>
			</div>
			<div class="main-1">
				<figure>
					<img src="../img/img5.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img6.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img7.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img8.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img8.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
				<figure>
					<img src="../img/img8.jpg"/>
					<figcaption>
						<p><span>￥39</span><span>￥209</span></p>
						<p>尤妮佳柔软亲肤卸妆棉</p>
					</figcaption>
				</figure>
			</div>
		</div>
</div>		

</template>

<script>
</script>

<style scoped >
body{
	/*width: 100%;*/
	overflow-x: hidden;
}
header{
	height: 1.222222rem;
	width: 10rem;
}
header p{
	float: left;
	font-size: 0.458333rem;
	font-weight: bold;
	color: #2a2a2a;
	padding:0.347222rem 0 0.347222rem  4.555555rem;
}
header img{
	float: right;
	height: 0.666666rem;
	width: 0.666666rem;
	margin: 0.347222rem 0.347222rem 0.347222rem  0;
}
nav{
	height: 2.875rem;
	width: 10rem;
	display: flex;
	justify-content: space-around;
}
nav img{
	width: 2.604166rem;
	height: 2.875rem;
}
.main .main-img img{
	height: 5.083333rem;
	width: 10.583333rem;
	width: 100%;
	/*margin-bottom: 0.138888rem;*/
	display: block;
}
.main .main-1{
	height: 5rem;
	display: flex;
	/*justify-content: space-around;*/
	overflow-x: scroll;
	margin-bottom: 0.138888rem;
	
}
.main .main-1 figure{
	height: 4.305555rem;
	width: 2.5rem;
	/*float: left;*/
	margin-left: 0.138888rem;
}
.main .main-1 figure img{
	height: 2.5rem;
	width: 2.5rem;
	margin-bottom: 0.138888rem;
}
.main .main-1 figure figcaption {
	width: 2.5rem;
	text-align: center;
	
}

.main .main-1 figure figcaption p{
	width: 2.5rem;
	line-height: 0.555555rem;
	color: #666666;
}
.main .main-1 figure figcaption p:first-of-type span:first-of-type{
	color: blue;
	margin-right: 0.041666rem;
}
.main .main-1 figure figcaption p:first-of-type span:last-of-type{
	text-decoration: line-through;
	color: gainsboro;
}
.blank{
	height: 0.138888rem;
	background: #F4F3F8;
}
</style>